<template>
	<view>
		<block v-for="(a_item,a_index) in 3" :key="a_index">
			<view class="order_body">
				<view class="order_hader">
					<text>订单编号：1234567890</text>
					<text class="order_active">退款</text>
				</view>
				<view class="order_list-body">
					<image src="../../../static/Mine/6.png"></image>
					<view style="width:50%;">
						<text class="order-title">韩式系列你笑起来真好看艾莎玫瑰</text>
						<text class="order_type">经典99枝；多头</text>
					</view>
					<view style="width:23%;position: relative;">
						<text class="order_price">￥609.99</text>
						<text class="order_pay">实付：<text>￥190</text></text>
					</view>
				</view>
				<view class="order_bottom">
					<text>售后进度：待审核</text>
				</view>
			</view>
		</block>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		}
	}
</script>

<style>
	page{background-color:#f8f8f8;}
</style>
<style scoped lang="scss">
	.order_body{
		width:90%;
		margin:10px auto;
		padding-left:20rpx;
		padding-bottom:40rpx;
		padding-right:20rpx;
		padding-top:20rpx;
		background-color:#FFFFFF;
		.order_hader{
			width:100%;
			height:60rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom:1px solid #F4F4F4;
			text{
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #171E3A;
				font-size:28rpx;
			}
			.order_active{
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #FD1470;
				font-size:28rpx;
			}
		}
		.order_list-body{
			display: flex;
			justify-content: space-between;
			padding-top:30rpx;
			image{
				width:140rpx;
				height:140rpx;
				border-radius:10rpx;
			}
			.order-title{
				padding-left:10rpx;
				padding-top:10rpx;
				display: block;
				font-size:26rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #171E3A;
			}
			.order_type{
				padding-left:10rpx;
				padding-top:15rpx;
				display: block;
				font-size: 23rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #9A9EA9;
			}
			.order_price{
				display: block;
				font-size:29rpx;
				padding-top:10rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #171E3A;
				text-align: right;
				padding-right:0rpx;
			}
			.order_pay{
				display: block;
				font-size:25rpx;
				position: absolute;
				bottom:10px;
				right:0rpx;
			}
		}
		.order_bottom{
			width:93%;
			margin:0px auto;
			padding:20rpx;
			// border:1px solid red;
			margin-top:25rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #FD1470;
			font-size:26rpx;
			border-radius:10rpx;
			background-color:#F0F1F6;
		}
	}
</style>
